.top-right-icon {
    width: 210rpx;
    height: 195rpx;
    position: absolute;
    right: 0;
    top: 0;
}

.input-phone {
    display: flex;
    width: 610rpx;
    margin: 230rpx auto 0 auto;
    align-items: center;
    height: 100rpx;
    position: relative;
    
    &::before {
        background: #DBDBDB;
        bottom: 0;
        width: 100%;
        position: absolute;
        content: "";
        height: 2rpx;
    }

    .usericon {
        margin-left: 48rpx;
        width: 38rpx;
        height: 44rpx;
    }

    .inputtel {
        padding-left: 20rpx;
        flex: 1;
        font-size: 32rpx;
        color: rgba(153, 153, 153, 1);
    }
}

.input-vertcode {
    display: flex;
    width: 610rpx;
    margin: 30rpx auto 60rpx auto;
    align-items: center;
    height: 100rpx;
    position: relative;
    &::before {
        background: #DBDBDB;
        bottom: 0;
        width: 100%;
        position: absolute;
        content: "";
        height: 2rpx;
    }

    .usericon {
        margin-left: 48rpx;
        width: 36rpx;
        height: 30rpx;
    }

    .inputtel {
        flex: 1;
        padding: 20rpx;
        font-size: 32rpx;
        color: rgba(153, 153, 153, 1);
    }

    .getcode {

        width: 212rpx;
        font-size: 30rpx;
        color: rgba(221, 166, 97, 1);
        position: relative;
        padding-left: 24rpx;
        text-align: center;
        &::before{
            position: absolute;
            left: 0;
            width: 2rpx;
            height: 30rpx;
            top: 0;
            bottom: 0;
            margin: auto 0;
            content: "";
            background: #dbdbdb;
        }
    }
}

.sure {
    width: 610rpx;
    height: 96rpx;
    background: linear-gradient(90deg, rgba(234, 210, 173, 1) 0%, rgba(226, 184, 132, 1) 100%);
    border-radius: 50rpx;
    margin: 0 auto;
    font-size: 32rpx;
    color: rgba(68, 68, 68, 1);
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}